<style>
    .layui-inline .layui-form-label {
        font-size: 15px;
        font-weight: bold;
        width:300px;
        padding-left: 5px;
    }
    .layui-form-mid{
        color: red;
        font-size: 18px;
        width:100px;
    }
</style>
<form style="padding:35px;" class="layui-form layui-form-pane operationForm">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" >Total Fund Amount:</label>
            <div class="layui-form-mid" >$ {$total_fund}</div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label" >User Balance:</label>
            <div class="layui-form-mid" >$ {$user_balance}</div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" >Total Card Balance:</label>
            <div class="layui-form-mid" >$ {$total_card_balance}</div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label" >authorization.clearing:</label>
            <div class="layui-form-mid">$ {$auth_clear}</div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" >refund:</label>
            <div class="layui-form-mid">$ {$refund}</div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label" >authorization(pending):</label>
            <div class="layui-form-mid">$ {$auth}</div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" >OpenCard Num:</label>
            <div class="layui-form-mid">{$card_count}</div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label" >Surplus OpenCard:</label>
            <div class="layui-form-mid">{$surplus_count}</div>
        </div>

    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" >Cancel Card Num:</label>
            <div class="layui-form-mid">{$cancel_count}</div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label" >TranAmount/OpenCards:</label>
            <div class="layui-form-mid">{$card_tran_percent}</div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" >Real Tran Amount:</label>
            <div class="layui-form-mid">{$real_price}</div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label" >TotalForeignTranFee:</label>
            <div class="layui-form-mid">{$fee}</div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" >TranDeclined/TranTotal:</label>
            <div class="layui-form-mid">{$declined_tran_count} %</div>
        </div>
    </div>
</form>
<script>
    layui.use('form', function(){
        layui.form.render();
    });
</script>